<template>
  <div class="dashboard-container">  
    <div :class="['dashboard-text',styleTheme === 'light' ? 'app-wrapper-light' : '']">Welcome:{{user.username}}（<span>{{user.roleName}}</span>）</div> 
  </div>
</template>


<script lang="ts" setup>  
import {computed } from "vue"
import useUserStore from '@/store/modules/user'  
import useAppStore from '@/store/modules/app'
const user = useUserStore().GetInfo() 
const roleName = user.roleName  
const styleTheme = computed(() => {
  return useAppStore().styleTheme;
})

</script>
<style src="./index.scss" lang="scss" scoped></style>
<style lang="scss" scoped>
.app-wrapper-light{
  margin: 20px;
}
</style>
